<template>
  <div class="box">
    <ul>
      <li>
        <img
          src="https://m11.360buyimg.com/babel/jfs/t1/105181/36/33604/5071/6342ac2bE8bc448a7/d62bea12b7e68a9e.png.webp"
          alt=""
          style="width: 13.3333vw"
        />
      </li>
      <li>
        <img
          src="https://m11.360buyimg.com/babel/jfs/t1/178464/5/27369/4157/6342ac40E9043a529/8f4d4ae68385f6c2.png.webp"
          alt=""
          style="width: 13.3333vw"
        />
      </li>
      <li>
        <img
          src="https://m11.360buyimg.com/babel/jfs/t1/96701/33/34486/9697/6396e811Edfb0c5b1/cc5eda37d726a201.png.webp"
          alt=""
          style="width: 13.3333vw"
        />
      </li>
      <li>
        <img
          src="https://m11.360buyimg.com/babel/jfs/t1/53208/8/18020/5183/6342ac85E6bbf14ce/72169abae968d5dc.png.webp"
          alt=""
          style="width: 13.3333vw"
        />
      </li>
      <li>
        <img
          src="https://m11.360buyimg.com/babel/jfs/t1/158363/11/31110/4291/6342acb4Ea95f8cae/400d1d9476da091c.png.webp"
          alt=""
          style="width: 13.3333vw"
        />
      </li>
    </ul>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.box {
  width: 100%;
  height: 13.3333vw;
  position: sticky;
  bottom: 0;
}
.box ul {
  display: flex;
  justify-content: space-around;
}
</style>